{extend name="member/common/main"}

{block name="content"}

<link href="__STATIC__/home/css/vip_form.css" rel="stylesheet"/>
<script src="__STATIC__/home/js/laydate.js"></script>
<script src="__STATIC__/home/js/citys.js"></script>

<div class="vip_contentmain">
  <div class="vip_content">    
    {include file="member/common/left" /}
    <div class="information Fright">
    <div class="information_title">个人信息</div>
    <div class="information_from Fleft">

    <div class="fromdiv">
     <div class="from_font Fleft">账号：</div>
      <div class="from_info Fright">
        <div class="from_input">
          <input type="text" value="{$member.username}" disabled/>
        </div>
      </div>
    </div>

    <div class="fromdiv">
     <div class="from_font Fleft"><span>*</span>真实姓名：</div>
      <div class="from_info Fright"><div class="from_input">
        <input name="truename" type="text" value="{$member.truename}" placeholder="请填写您的真实姓名"/></div>
      </div>
    </div>

    <div class="fromdiv">
     <div class="from_font Fleft"><span>*</span>性别：</div>
    <div class="from_info Fright">
    <div class="wrapper Fleft pt10">
      <div class="redio-box">
        <inpu name="sex" type="radio" {eq name="member.sex" value="0"}checked="checked"{/eq}  id="boy" />
        <em></em>
      </div>
      <label for="boy">男</label>
    </div>
    <div class="wrapper Fleft pl35 pt10">
      <div class="redio-box">
        <input name="sex" type="radio" {eq name="member.sex" value="1"}checked="checked"{/eq}  id="girl" />
        <em></em>
      </div>
      <label for="girl">女</label>
    </div>
    </div>
    </div>

    <div class="fromdiv">
     <div class="from_font Fleft">出生年月：</div>
    <div class="from_info Fright">
    
	<div class="laydate-box">
	<input name="birth" type="text" id="laydateInput" placeholder="xxxx年xx月xx日" />
	<div class="select-date">
		<div class="select-date-header">
			<ul class="heade-ul">
				<li class="header-item header-item-one">
					<select name="" id="yearList"></select>
				</li>
				<li class="header-item header-item-two" onselectstart="return false">
					<select name="" id="monthList"></select>
				</li>
				<li class="header-item header-item-three" onselectstart="return false" >
					<span class="reback">回到今天</span>
				</li>
			</ul>
		</div>
		<div class="select-date-body">
			<ul class="week-list">
				<li>日</li><li>一</li><li>二</li><li>三</li><li>四</li><li>五</li><li>六</li>
			</ul>
			<ul class="day-tabel"></ul>
		</div>
	</div>
</div>

<script>
	function getSelectDate(result){
		//这里获取选择的日期
		console.log(result);
	}
</script>
	
    
    </div>
    </div>

    <!-- <div class="fromdiv">
     <div class="from_font Fleft">手机号码：</div>
    <div class="from_info Fright">
      <div class="tel">
        <input name="phone" type="text" value="{$member.phone}" placeholder="请填写您的手机号码"/>
      </div>
    </div>
    </div> -->
    <div class="fromdiv">
     <div class="from_font Fleft"><span>*</span>手机号码：</div>
      <div class="from_info Fright"><div class="from_input">
        <input name="phone" type="text" value="{$member.phone}" placeholder="请填写您的手机号码"/></div>
      </div>
    </div>

    <div class="fromdiv">
     <div class="from_font Fleft"><span>*</span>城市：</div>
    <div class="from_info Fright">
    <div id="demo2" class="citys">
			<select name="province"></select>
			<select name="city"></select>
			<select name="area"></select>
	</div>
	
	<script type="text/javascript">
		$('#demo2').citys({
			required:false,
			nodata:'disabled',
			onChange:function(data){
				var text = data['direct']?'(直辖市)':'';
				$('#place').text('当前选中地区：'+data['province']+text+' '+data['city']+' '+data['area']);
			}
		});
	</script>
    
    </div>
    </div>
    
    <div class="from_btn"><input name="" type="submit" value="提交" /></div>
    </div>
    <div class="upload Fright">
    <div class="upload_pic">
          <input type="file" id='id-face' name='face'  accept="image/*" />
          <div id='face-empty-result'> <img class="upload_pic" src="__STATIC__/home/images/pic_02.jpg" alt=""> </div>
          <img style='width: 100%' id='face-result'/> </div>
    
    <div class="upload_font">大小不超过50k<br/>尺寸：160px * 160px<br/>格式：jpg、png、gif</div>
</div>      
      
    </div>
  </div>
</div>
{/block}
